<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>单次列车信息</title>
    <link rel="stylesheet" href="../../../css/iconfont/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../../css/aui.css" />
    <link rel="stylesheet" href="../../../css/index/train/train_message.css"/>
</head>
<body style="cursor: pointer">
    <div class="detail">
      <div class="train_left">
        <p class="s_place">北京南</p>
        <p class="s_time">06:30</p>
        <p><span class="s_date">09-07</span><span class="s_week">周五</span></p>
      </div>
      <div class="train_center">
        <p><span class="train_code">G101</span><span class="train_name" style="margin-left:0.2rem;">高速动车</span></p>
        <p><i class="iconfont icon-shikebiao" style="font-size:1.2rem;"></i></p>
        <p>耗时<span class="run_time"></span></p>
      </div>
      <div class="train_right">
        <p class="e_place">上海虹桥</p>
        <p class="e_time">12:40</p>
        <p><span class="e_date">09-07</span><span class="e_week">周五</span></p>
      </div>
        <!-- <div class="detail_time">
            <div class="start_time">
                <p class="s_time"></p>
                <p class="s_place"></p>
            </div>
            <div class="expenditure_time">
                <span></span>
            </div>
            <div class="end_time">
                <p class="e_time"></p>
                <p class="e_place"></p>
            </div>
        </div> -->
    </div>
    <div class="all_seat">
        <!--座位列表-->
        <ul id="seat_list">
            <!-- <li>
                <ul>
                    <li>高级软卧</li>
                    <li>￥150</li>
                    <li>有票</li>
                    <li  onclick="openDialog('order_type')"><span>￥<em>1006</em></span></li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>高级软卧</li>
                    <li>￥150</li>
                    <li>有票</li>
                    <li  onclick="openDialog('order_type')"><span>￥<em>1006</em></span></li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>高级软卧</li>
                    <li>￥150</li>
                    <li>有票</li>
                    <li  onclick="openDialog('order_type')"><span>￥<em>1006</em></span></li>
                </ul>
            </li> -->
        </ul>
    </div>
    <div class="order_type" style="display: none;">
        <ul>
            <li onclick="publicSelf()">
                <div class="reason"  style="text-align: left;width:86%;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;">
                    <p>因公，为本人预定</p>
                    <p class="policy">差旅政策：</p>
                </div>
                <div class="detail_right">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </li>
            <li onclick="trainPeople()">
                <div class="reason">
                    <p>因公，为他人/多人预定</p>
                    <p style="text-align: left">请选择乘客</p>
                </div>
                <div class="detail_right">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </li>
            <!--<li onclick="private_others()">-->
                <!--<div class="reason">-->
                    <!--<p style="text-align: left">因私预定</p>-->
                    <!--<p>不受差旅政策限制,直接预订</p>-->
                <!--</div>-->
                <!--<div class="detail_right">-->
                    <!--<i class="aui-iconfont aui-icon-right"></i>-->
                <!--</div>-->
            <!--</li>-->
        </ul>
    </div>
</body>
<script src="../../../script/aui/api.js" ></script>
<script src="../../../script/aui/aui-dialog.js" ></script>
<script src="../../../script/aui/aui-toast.js" ></script>
<script src="../../../script/extend/jquery-3.3.1.min.js"></script>
<script src="../../../script/config.js"></script>
<script src="../../../script/common.js"></script>
<script src="../../../service/index/train/trainMessage.js"></script>
<script src="../../../script/widget/js-time.js"></script>
<script>
    var trainMessage;
    apiready = function() {
        api.parseTapmode();

        var pageParam = api.pageParam;

        trainMessage = new trainMessage({
            start_date      : pageParam.start_date,
            start_station   : pageParam.start_station,
            end_station     : pageParam.end_station,
            train_code      : pageParam.train_code
        });
    };

    //因公为个人
    function publicSelf() {
        trainMessage.publicSelf();
    }

    //因公为他人
    function trainPeople() {
        trainMessage.trainPeople();
    }
</script>
</html>
